<template>
    <div>
        <div class="row">
            <el-alert
                title="成功提示的文案"
                type="success">
            </el-alert>
            <el-alert
                title="消息提示的文案"
                type="info">
            </el-alert>
            <el-alert
                title="警告提示的文案"
                type="warning">
            </el-alert>
            <el-alert
                title="错误提示的文案"
                type="error">
            </el-alert>
        </div>
    </div>
</template>

<script>
import ElAlert from '../../components/Alert/index'

export default {
    name: 'AlertShownPage',
    components: {
        ElAlert
    }
}
</script>

<style>
    .row {
        margin-top: 20px;
    }

    .row .el-alert {
        margin: 20px 0 0;
    }
</style>